<html>
  <head>
    <title>urlzen - a URL shortener for the social web</title>
    <meta name="description" value="urlzen is a better short url service designed for use on the social web.">
    <meta name="keywords" value="urlzen, tekzen, url, shortener, tinyurl, short url, tiny url, tiny">
    <link rel="stylesheet" type="text/css" href="/css/urlzen.css" />
    <script type="text/javascript">
      <!--
        function getUrl(url) {
          document.location = '/'+url;
        }
      // -->
    </script>
  </head>
  <body>
    <div id="header">
      <a href="http://urlzen.com"><img src="/imgs/logo.png" alt="urlzen - short urls for the social web" border="0"/></a>
    </div>
    <div id="content">
      <form action="/" method="get" onsubmit="if (1) {getUrl(getElementById('url').value);return false;}">
        <p class="instructions">Enter a long URL and get a permanent (shorter) URL.</p>
        <label for="url">URL:</label>
        <input type="text" size="50" maxlength="255" value="http://" name="url" id="url" />
        <input type="button" name="shorten" value="shorten" onclick="getUrl(getElementById('url').value);false;" />
        <!--<p class="instructions">optional custom url:</p>
        http://urlzen.com/<input type="text" size="10" maxlength="25" name="slug" id="slug /">-->
      </form>
      <p>Bookmarklet (drag the link to your bookmarks bar): <a href="javascript:void(location.href='http://urlzen.com/'+location.href)"  onmouseover="window.status='';return true" onclick="return false">urlzen this!</a></p>
      <p><strong>new:</strong> Bookmarklet with auto copy (drag the link to your bookmarks bar): <a href="javascript:void(location.href='http://urlzen.com/shorten/?autocopy=true&url='+location.href)"  onmouseover="window.status='';return true" onclick="return false">urlzen autocopy!</a></p>
      <!--<p><strong>new:</strong> Send urlzen straight to twitter: <a href="javascript:void(location.href='http://urlzen.com/shorten/?redirect=twitter&url='+location.href)"  onmouseover="window.status='';return true" onclick="return false">twitter this!</a></p>-->
    </div>
    <div style="margin-left:auto;margin-right:auto;width:500px;text-align:center;">{{ad_code}}</div>
    <div id="dashboard">
      <table align="center" >
        <tr><td width="400" valign="top">
    <span id="recent">
      <h2>recent links:</h2>
      <ul>
      {% for l in recent_links %}
        <li><a href="http://{{domain}}/{{l.slug}}">{{l.page_title}}</a></li>
      {% endfor %}
      </ul>
    </span></td></tr></table>
    </div>
    <div id="footer">
      &copy; 2008 tekzen inc. :: Developed by <a href="http://jaxn.org/" target="_blank">Jackson Miller</a> :: <a href="http://statzen.com">statzen - statistics for bloggers</a>
    </div>
    <!-- urlzen application version: {{app_version}}> -->
    <script type="text/javascript">
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type="text/javascript">
    var pageTracker = _gat._getTracker("UA-1610393-3");
    pageTracker._initData();
    pageTracker._trackPageview();
    </script>
  </body>
</html>